import {View, Text, ActivityIndicator} from 'react-native';
import React from 'react';

export default function LoadMore({status}) {
  return (
    <View
      style={{backgroundColor: '#e0e0e0', paddingVertical: 20, elevation: 8}}>
      {status === 'more' && (
        <Text style={{textAlign: 'center'}}> 上拉以加载更多</Text>
      )}
      {status === 'loading' && (
        <>
          <ActivityIndicator color="#0aa1ed" />
          <Text style={{textAlign: 'center'}}>加载中....</Text>
        </>
      )}
      {status === 'noMore' && (
        <Text style={{textAlign: 'center'}}>没有更多数据了</Text>
      )}
    </View>
  );
}
